<template>
	<view class="income">
		<view class="row-box income-top" style="height: 60rpx;">
			<!-- <image src="" mode="scaleToFill" class="icon"></image> -->
			<view class="income-title">
				{{title}}
			</view>
			<view class="money fc-00A191">
				+{{info.money}}
			</view>
		</view>
		<view class="income-content">
			<view class="income-text" v-if="info.order_no">
				订单编号：{{info.order_no}}
			</view>
			<view class="income-text" v-if="info.nickname">
				顾客：{{info.nickname}}
			</view>
			<!-- 			<view class="income-text">
				每满<text class="fc-D49B07">2</text>人收益
			</view> -->
			<view class="income-text" v-if="info.store_name">
				{{info.store_name}}
			</view>
			<!-- 			<view class="income-text">
				变动后余额：<text class="fc-D49B07">¥110.00</text>
			</view> -->

		</view>
		<view class=" income-btm row-box">
			<view class="fc-999">
				{{info.send_time}}
			</view>
			<view class="tag-1">微信钱包</view>
			<!-- <view class="tag-2">现金钱包</view> -->
		</view>

	</view>
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		props: {
			info: {
				type: Object,
				default: () => {
					return {}
				}
			},
			title: {
				type: String,
				default: ''
			}
		},
		methods: {

		}
	}
</script>

<style lang="scss" scoped>
	.row-box {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.fc-00A191 {
		color: #00A191;
	}

	.fc-D49B07 {
		color: #D49B07;
	}

	.income {
		width: 710rpx;
		padding: 24rpx;
		border-radius: 16rpx;
		background-color: #FFFFFF;
		margin: 0 auto 20rpx;

		.income-top {


			.money {
				font-size: 32rpx;
				line-height: 48rpx;
			}

			.icon {
				width: 32rpx;
				height: 32rpx;
				margin-right: 10rpx;
			}

			.income-title {
				flex: 1;
				font-weight: 900;
				font-size: 32rpx;
				line-height: 48rpx;
			}
		}

		.income-content {
			width: 590rpx;
			padding: 20rpx 0;

			.income-text {
				color: #666;
				line-height: 44rpx;
			}
		}

		.income-btm {

			view {
				font-size: 24rpx;
				line-height: 36rpx;
				color: #999;
			}

			.tag-1 {
				padding: 6rpx 10rpx;
				border-radius: 10rpx;
				color: #00A191;
				background-color: #E8FFFC;
			}

			.tag-2 {
				padding: 4rpx 8rpx;
				border-radius: 10rpx;
				color: #EE3227;
				background-color: #FFEEED;
			}
		}
	}
</style>